<template>
  <!-- 工作台 -->
  <div class="work column-center">
    <div class="column-center">
      <button class="my-work-btn" @click="leaveList">请假申请</button>
      <!-- <button class="my-work-btn" @click="leaveRequest">查看学员考勤</button> -->
      <button class="my-work-btn" @click="sale">课程销售</button>
      <!-- <button class="my-work-btn" @click="timeCard">绑定考勤卡</button> -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    leaveList() {
      this.$router.push("LeaveList");
    },
    sale() {
      this.$router.push("sale");
    },
    timeCard() {
      this.$router.push("timeCard");
    }
  }
};
</script>

<style lang="scss" scoped>
.work {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
}
.my-work-btn {
  background-color: #fff;
  width: 232px;
  height: 51px;
  line-height: 20px;
  border-radius: 6px;
  color: rgba(16, 16, 16, 1);
  font-size: 14px;
  text-align: center;
  box-shadow: 0px 2px 2px 0px rgba(255, 153, 0, 0.25);
  font-family: Arial;
  border: 1px solid rgba(255, 255, 255, 0);
  margin: 16px 0;
}
</style>